html {
	font-size: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none;
}
body {
	font-size: 0.75em;
}
label {
	cursor: pointer;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
input:focus {
	
}
input {
	
}
button {
	
}
select {
	
}
textarea {
	
}
textarea {
	resize: none;
}
textarea {
	background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
input {
	background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
select {
	background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
a {
	margin: 0px; padding: 0px;
}
abbr {
	margin: 0px; padding: 0px;
}
acronym {
	margin: 0px; padding: 0px;
}
address {
	margin: 0px; padding: 0px;
}
applet {
	margin: 0px; padding: 0px;
}
article {
	margin: 0px; padding: 0px;
}
aside {
	margin: 0px; padding: 0px;
}
audio {
	margin: 0px; padding: 0px;
}
b {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
big {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
center {
	margin: 0px; padding: 0px;
}
canvas {
	margin: 0px; padding: 0px;
}
caption {
	margin: 0px; padding: 0px;
}
cite {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}

datalist {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
del {
	margin: 0px; padding: 0px;
}
details {
	margin: 0px; padding: 0px;
}
dfn {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
em {
	margin: 0px; padding: 0px;
}
embed {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
figcaption {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
font {
	margin: 0px; padding: 0px;
}
footer {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
header {
	margin: 0px; padding: 0px;
}

html {
	margin: 0px; padding: 0px;
}
i {
	margin: 0px; padding: 0px;
}
iframe {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px;
}
ins {
	margin: 0px; padding: 0px;
}
kbd {
	margin: 0px; padding: 0px;
}
keygen {
	margin: 0px; padding: 0px;
}
label {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
meter {
	margin: 0px; padding: 0px;
}
nav {
	margin: 0px; padding: 0px;
}
menu {
	margin: 0px; padding: 0px;
}
object {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
output {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
progress {
	margin: 0px; padding: 0px;
}
q {
	margin: 0px; padding: 0px;
}
s {
	margin: 0px; padding: 0px;
}
samp {
	margin: 0px; padding: 0px;
}
section {
	margin: 0px; padding: 0px;
}
small {
	margin: 0px; padding: 0px;
}
span {
	margin: 0px; padding: 0px;
}
source {
	margin: 0px; padding: 0px;
}
strike {
	margin: 0px; padding: 0px;
}
strong {
	margin: 0px; padding: 0px;
}
sub {
	margin: 0px; padding: 0px;
}
sup {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
tbody {
	margin: 0px; padding: 0px;
}
tfoot {
	margin: 0px; padding: 0px;
}
thead {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
tr {
	margin: 0px; padding: 0px;
}
tt {
	margin: 0px; padding: 0px;
}
u {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
var {
	margin: 0px; padding: 0px;
}
article {
	display: block;
}
aside {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
figure {
	display: block;
}
figcaption {
	display: block;
}
h1 {
	font-size: 1em;
}
h2 {
	font-size: 1em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
th {
	font-size: 1em;
}
td {
	font-size: 1em;
}
table {
	font-size: 1em;
}
input {
	font-size: 1em;
}
button {
	font-size: 1em;
}
select {
	font-size: 1em;
}
textarea {
	font-size: 1em;
}
sub {
	font-size: 1em;
}
body {
	font-family: Arial, sans-serif;
}
input {
	font-family: Arial, sans-serif;
}
button {
	font-family: Arial, sans-serif;
}
select {
	font-family: Arial, sans-serif;
}
textarea {
	font-family: Arial, sans-serif;
}
sub {
	font-family: Arial, sans-serif;
}
em {
	font-style: normal;
}
cite {
	font-style: normal;
}
address {
	font-style: normal;
}
optgroup {
	font-style: normal;
}
kbd {
	font-family: monospace;
}
samp {
	font-family: monospace;
}
code {
	font-family: monospace;
}
img {
	vertical-align: middle;
}
input {
	vertical-align: middle;
}
button {
	vertical-align: middle;
}
select {
	vertical-align: middle;
}
textarea {
	vertical-align: middle;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
img {
	border: 0px currentColor; border-image: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
abbr {
	border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
acronym {
	border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}
table {
	border: 0px currentColor; border-image: none; width: 100%; border-spacing: 0;
}
table th {
	border: 0px currentColor; border-image: none;
}
table td {
	border: 0px currentColor; border-image: none;
}
legend {
	left: 0px; top: 0px; overflow: hidden; position: absolute;
}
hr {
	left: 0px; top: 0px; overflow: hidden; position: absolute;
}
legend {
	width: 0px; height: 0px; line-height: 0; font-size: 0px; visibility: hidden;
}
hr {
	width: 0px; height: 0px; line-height: 0; font-size: 0px; visibility: hidden;
}
caption {
	width: 0px; height: 0px; line-height: 0; font-size: 0px; visibility: hidden;
}
* {
	transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
}
html {
	height: 100%;
}
body {
	margin: 0px auto; width: 640px; height: 100%; font-family: "寰蒋闆呴粦"; position: relative; min-width: 640px; max-width: 640px;
}
body h1 {
	font-weight: normal;
}
body h2 {
	font-weight: normal;
}
body h3 {
	font-weight: normal;
}
body h4 {
	font-weight: normal;
}
body h5 {
	font-weight: normal;
}
body h6 {
	font-weight: normal;
}
body strong {
	font-weight: normal;
}
body em {
	font-weight: normal;
}
textarea:focus {
	border: 1px solid rgb(113, 182, 67); border-image: none;
}
input:focus {
	border: 1px solid rgb(113, 182, 67); border-image: none;
}
.css_sprite01 {
	background-image:url(http://src.house.sina.com.cn/imp/imp/deal/f7/fa/d/feec32ce6f86aa570f4a7c63e56_p1_mk1.png)!important; background-repeat: no-repeat !important;
}
.f-ofh {
	height: 100% !important; overflow: hidden;
}
.f-hide {
	display: none !important;
}
.f-tc {
	text-align: center;
}
.f-tr {
	text-align: right;
}
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.f-fixed {
	position: fixed;
}
.f-cur {
	cursor: pointer;
}
.s-bg-ddd {
	background: rgb(221, 221, 221);
}
.u-arrow {
	left: 50%; width: 80px; height: 80px; bottom: 30px; margin-left: -39px; position: fixed; z-index: 150;
}
.u-arrow p {
	background-position: 0px -82px; margin: -14px 0px 0px -25px; animation:start 1s ease-in-out infinite; left: 50%; top: 50%; width: 50px; height: 28px; position: absolute; -webkit-animation: start 1s infinite ease-in-out; -moz-animation: start 1s infinite ease-in-out;
}
.u-buy {
	width: 168px; height: 53px; right: 10px; bottom: 40px; position: absolute; z-index: 200;
}
.u-buy .buybtn {
	left: 0px; top: 0px; width: 168px; height: 53px; line-height: 53px; vertical-align: middle; display: inline-block; position: absolute; background-image: url("buy.png");
}
.u-audio {
	top: 40px; width: 132px; height: 73px; right: 0px; position: absolute; z-index: 9999;
}
.u-audio .res_audio {
	left: 0px; top: 0px; width: 0px; height: 0px; position: absolute; opacity: 0;
}
.u-audio .btn_audio {
	width: 100%; height: 44px; padding-top: 29px;
}
.u-audio .btn_audio strong {
	height: 44px; line-height: 44px; vertical-align: middle; display: inline-block;
}
.u-audio .btn_audio .audio_open {
	height: 44px; line-height: 44px; vertical-align: middle; display: inline-block;
}
.u-audio .btn_audio strong {
	width: 57px; color: rgb(255, 255, 255); font-size: 24px; opacity: 1;
}
.u-audio .btn_audio .audio_open {
	left: 56px; width: 44px; bottom: 0px; position: absolute;
}
.u-audio .btn_audio strong.z-hide {
	opacity: 0;
}
.u-audio .btn_audio strong.z-move {
	transition:opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.z-low.u-audio {
	z-index: 1;
}
.u-pageLoading {
	background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 99999;
}
.u-pageLoading img {
	margin: -50px 0px 0px -50px; left: 50%; top: 40%; width: 100px; height: 100px; position: absolute;
}
.u-note {
	padding: 15px 0px; border-radius: 8px; transition:0.4s; left: 120px; top: 50%; width: 400px; text-align: center; font-size: 26px; margin-top: -40px; position: fixed; z-index: -1; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;
}
.u-note-error {
	background: rgb(244, 136, 19);
}
.u-note-sucess {
	background: rgb(85, 226, 36);
}
.on.u-note {
	z-index: 99; opacity: 1;
}
.p-ct {
	width: 640px; height: 100%; overflow: hidden; position: relative;
}
.fixed.p-ct {
	overflow: hidden;
}
.translate-front {
	transition:opacity 1s; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s;
}
.translate-front .mengban-warn {
	position: absolute;
}
.z-show.translate-front {
	opacity: 1;
}
.translate-back {
	width: 100%; height: 100%; position: relative;
}
.m-page {
	background: rgb(221, 221, 221); left: 0px; top: 0px; width: 100%; position: absolute; z-index: 9;
}
.m-page .page-con {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
.active.m-page {
	z-index: 40;
}
.fixed.m-page {
	position: fixed;
}
.move.m-page {
	transition:0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
}
.bigTxt-bd {
	transition:0.8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s;
}
.bigTxt-arrow {
	transition:0.8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s;
}
.bigTxt-detail {
	transition:0.8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s;
}
.bigTxt-detail p {
	transition:0.8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s;
}
.bigTxt-bd {
	background: rgba(255, 255, 255, 0.7); border-radius: 12px; left: 30px; top: 50px; width: 450px; overflow: hidden; position: absolute; opacity: 0; transform: translate(200px, 0px); -webkit-transform: translate(200px, 0); -moz-transform: translate(200px, 0); -o-transform: translate(200px, 0);
}
.bigTxt-bd p {
	padding: 0px 65px 0px 25px; color: rgb(0, 0, 0);
}
.bigTxt-title {
	padding: 25px 0px; left: 0px; top: 0px; width: 100%; overflow: hidden; font-size: 28px; position: absolute;
}
.bigTxt-title p {
	height: 100%; line-height: 130%; overflow: hidden;
}
.bigTxt-arrow {
	background-position: 0px -46px; width: 34px; height: 34px; right: 20px; bottom: 5px; display: inline-block; position: absolute; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
}
.bigTxt-detail {
	left: 0px; width: 100%; bottom: 0px; overflow: hidden; position: absolute;
}
.bigTxt-detail p {
	padding: 25px; width: 400px; line-height: 150%; overflow: hidden; font-size: 24px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid;
}
.bigTxt-btn {
	left: 50%; width: 480px; height: 80px; bottom: 120px; margin-left: -240px; position: absolute; background-size: auto !important;
}
.bigTxt-btn a {
	width: 100%; height: 80px; text-align: center; color: rgb(0, 0, 0); line-height: 80px; letter-spacing: 0.5em; font-size: 36px; display: inline-block;
}
.bigTxt-weixin {
	background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: none; position: fixed;
}
.bigTxt-weixin img {
	max-width: 100%;
}
.z-show.bigTxt-weixin {
	display: block;
}
.z-toggle.bigTxt-arrow {
	transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg);
}
.z-show.bigTxt-detail p {
	opacity: 1; transform: translate(0px, 0px) !important; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.z-animate .bigTxt-bd {
	opacity: 1; transform: translate(0px, 0px) !important; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.smallTxt-bd {
	width: 100%; height: 49%; position: relative;
}
.smallTxt-bd p {
	padding: 0px 25px; color: rgb(0, 0, 0);
}
:first-child.smallTxt-bd {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid;
}
:last-child.smallTxt-bd {
	height: 51%;
}
.action.smallTxt-bd {
	z-index: 10;
}
.bd-wrap {
	transition:0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;
}
.smallTxt-arrow {
	transition:0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;
}
.smallTxt-detail {
	transition:0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;
}
.smallTxt-detail p {
	transition:0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;
}
.bd-wrap {
	border-radius: 12px; width: 400px; overflow: hidden; font-size: 24px; position: absolute; z-index: 20; opacity: 0;
}
.smallTxt-title {
	background: rgba(255, 255, 255, 0.7); padding: 25px 0px; left: 0px; width: 100%; overflow: hidden; font-size: 28px; position: absolute;
}
.smallTxt-title p {
	height: 100%; line-height: 130%; overflow: hidden;
}
.smallTxt-arrow {
	background-position: 0px -46px; width: 34px; height: 34px; bottom: 5px; display: inline-block; position: absolute; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
}
.smallTxt-detail {
	left: 0px; width: 100%; height: 0px; overflow: hidden; position: absolute;
}
.smallTxt-detail p {
	background: rgba(255, 255, 255, 0.7); padding: 25px; left: 0px; top: 0px; width: 350px; line-height: 150%; overflow: hidden; position: absolute;
}
:first-child.smallTxt-bd .bd-wrap {
	top: 30px;
}
:first-child.smallTxt-bd .smallTxt-title {
	top: 0px;
}
:first-child.smallTxt-bd .smallTxt-detail {
	top: 150px;
}
:first-child.smallTxt-bd .smallTxt-detail p {
	border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid;
}
:last-child.smallTxt-bd .bd-wrap {
	bottom: 120px;
}
:last-child.smallTxt-bd .smallTxt-title {
	bottom: 0px;
}
:last-child.smallTxt-bd .smallTxt-detail {
	bottom: 150px;
}
:last-child.smallTxt-bd .smallTxt-detail p {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid;
}
.z-left .bd-wrap {
	left: 30px; transform: translate(200px, 0px); -webkit-transform: translate(200px, 0); -moz-transform: translate(200px, 0); -o-transform: translate(200px, 0);
}
.z-right .bd-wrap {
	right: 30px; transform: translate(-200px, 0px); -webkit-transform: translate(-200px, 0); -moz-transform: translate(-200px, 0); -o-transform: translate(-200px, 0);
}
.z-left .bd-wrap .smallTxt-title p {
	padding: 0px 65px 0px 25px;
}
.z-right .bd-wrap .smallTxt-title p {
	padding: 0px 25px 0px 65px;
}
.z-left .bd-wrap .smallTxt-arrow {
	right: 20px;
}
.z-right .bd-wrap .smallTxt-arrow {
	left: 20px;
}
.z-toggle.smallTxt-arrow {
	transform: rotate(405deg); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg);
}
.z-animate .bd-wrap {
	opacity: 1; transform: translate(0px, 0px) !important; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.z-show.smallTxt-detail p {
	opacity: 1; transform: translate(0px, 0px) !important; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.video-title {
	padding: 200px 30px 50px; transition:0.8s; width: 580px; overflow: hidden; margin-bottom: 50px; opacity: 0; transform: scale(0.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2);
}
.video-title h3 {
	height: 48px; line-height: 100%; overflow: hidden; font-size: 48px; margin-bottom: 30px;
}
.video-title p {
	height: 30px; line-height: 100%; overflow: hidden; font-size: 30px;
}
.video-con {
	background: rgb(0, 0, 0); width: 640px; height: 400px; position: relative;
}
.video-con video {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1;
}
.video-con .img {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
.video-con .img span {
	background-position: 0px -233px; animation:video_btnPlay 1s linear infinite; left: 50%; top: 50%; width: 77px; height: 77px; margin-top: -38px; margin-left: -38px; display: inline-block; position: absolute; z-index: 11; opacity: 1; -webkit-animation: video_btnPlay 1s linear infinite; -moz-animation: video_btnPlay 1s linear infinite;
}
.z-animate .video-title {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.book-bd {
	padding: 0px 40px; height: 100%; position: relative;
}
.book-bd .bd-map {
	transition:0.5s; height: 250px; overflow: hidden; position: relative; transform: translate(0px, -250px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transform: translate(0, -250px); -moz-transform: translate(0, -250px); -o-transform: translate(0, -250px);
}
.book-bd .bd-map span {
	background-position: 0px -159px; top: 70px; width: 55px; height: 72px; right: 100px; display: inline-block; position: absolute;
}
.book-bd .bd-map .map-animate {
	background: rgb(255, 255, 255); transform-origin: 50% 50%; border-radius: 50%; top: 140px; width: 20px; height: 20px; right: 119px; position: absolute; transform: rotateX(-110deg); -webkit-transform: rotateX(-110deg); -moz-transform: rotateX(-110deg); -webkit-transform-origin: 50%; -moz-transform-origin: 50%;
}
.book-bd .bd-map .map-animate strong {
	margin: -11px 0px 0px -11px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; left: 50%; top: 50%; width: 20px; height: 20px; position: absolute;
}
.book-bd .bd-map .map-animate strong:nth-child(1) {
	animation:mapJump 1s linear infinite; -webkit-animation: mapJump 1s linear infinite; -moz-animation: mapJump 1s linear infinite;
}
.book-bd .bd-map .map-animate strong:nth-child(2) {
	animation:mapJump 1.5s linear 0.75s infinite; -webkit-animation: mapJump 1.5s .75s linear infinite; -moz-animation: mapJump 1.5s .75s linear infinite;
}
.book-bd .bd-tit {
	transition:0.5s 0.5s; top: 50%; width: 560px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; overflow: hidden; font-size: 36px; margin-top: -160px; position: absolute; opacity: 0; transform: scale(0.1); -webkit-transition: all 0.5s .5s; -moz-transition: all 0.5s .5s; -o-transition: all 0.5s .5s; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1);
}
.book-bd .bd-form {
	background: rgb(229, 229, 229); padding: 30px 40px; border-radius: 12px; transition:0.5s; left: 40px; width: 480px; bottom: 120px; overflow: hidden; position: absolute; transform: translate(0px, 500px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transform: translate(0, 500px); -moz-transform: translate(0, 500px); -o-transform: translate(0, 500px);
}
.book-bd .bd-form p {
	text-align: left; padding-left: 70px; margin-bottom: 20px; position: relative;
}
.book-bd .bd-form p a {
	color: rgb(52, 73, 94); font-size: 30px;
}
.book-bd .bd-form p span {
	left: 0px; top: 0px; width: 32px; height: 29px; display: inline-block; position: absolute;
}
.book-bd .bd-form .tel span {
	background-position: -72px 0px;
}
.book-bd .bd-form .email span {
	background-position: -72px -31px;
}
.book-bd .bd-form .wx span {
	background-position: -72px -62px;
}
.book-bd .bd-form .btn {
	background: rgb(230, 126, 34); margin: 0px auto; border-radius: 12px; width: 420px; height: 80px; text-align: center; color: rgb(52, 73, 94); line-height: 80px; font-size: 36px;
}
.book-bd .bd-form .z-stop.btn {
	background: rgb(187, 187, 187);
}
.book-bg {
	background: rgba(0, 0, 0, 0); transition:background 0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 40; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;
}
.z-show.book-bg {
	background: rgba(0, 0, 0, 0.7);
}
.book-form {
	background: rgb(229, 229, 229); padding: 40px; border-radius: 12px; transition:0.5s; left: 40px; top: 50%; width: 480px; height: 700px; margin-top: -350px; position: absolute; z-index: 50; opacity: 0; transform: scale(0.2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2);
}
.book-form h3 {
	text-align: center; color: rgb(52, 73, 94); font-size: 36px; margin-bottom: 15px;
}
.book-form th {
	padding: 20px 0px;
}
.book-form td {
	padding: 20px 0px;
}
.book-form th {
	color: rgb(52, 73, 94); font-size: 30px;
}
.book-form td input {
	padding: 12px 0px 12px 30px; border-radius: 6px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 350px; color: rgb(52, 73, 94); font-size: 24px;
}
.book-form td input.z-error {
	border-color: red;
}
.book-form td.btn p {
	background: rgb(230, 126, 34); margin: 0px auto; border-radius: 12px; width: 420px; height: 80px; text-align: center; color: rgb(52, 73, 94); line-height: 80px; font-size: 36px;
}
.book-form td.btn p.z-fial {
	background: rgb(170, 170, 170);
}
.book-form td.btn p.z-success {
	background: rgb(231, 76, 60);
}
.book-form .sex {
	overflow: hidden;
}
.book-form .sex p {
	width: 130px; height: 100%; overflow: hidden; float: left; cursor: pointer;
}
.book-form .sex p span {
	font-size: 30px; margin-right: 10px; float: left; display: block;
}
.book-form .sex p .select {
	background: rgb(248, 249, 248); padding: 4px; border-radius: 50%; border: 1px solid rgb(170, 170, 170); border-image: none; width: 20px; height: 20px; margin-right: 20px;
}
.book-form .sex p .select strong {
	background: rgb(106, 106, 106); border-radius: 50%; width: 20px; height: 20px; display: none;
}
.book-form .sex p .select strong.open {
	display: block;
}
.book-form .j-close {
	top: -18px; width: 44px; height: 44px; right: -18px; position: absolute;
}
.z-show.book-form {
	opacity: 1; transform: translate(0px, 0px) scale(1); -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1);
}
.z-animate .book-bd .bd-map {
	opacity: 1; transform: translate(0px, 0px) scale(1); -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1);
}
.z-animate .book-bd .bd-form {
	opacity: 1; transform: translate(0px, 0px) scale(1); -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1);
}
.z-animate .book-bd .bd-tit {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.market-notice {
	transition:0.5s; left: 0px; width: 100%; height: 170px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); font-size: 25px; position: absolute; z-index: 9; transform: translateY(100px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px);
}
.market-notice img {
	width: 640px; display: inline-block;
}
.show.market-notice {
	transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.market-page {
	background: rgba(0, 0, 0, 0.7); transition:0.2s; left: 0px; width: 100%; height: 100%; bottom: 0px; overflow: hidden; position: fixed; z-index: 10; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;
}
.show.market-page {
	opacity: 1;
}
.market-img {
	transition:0.5s; left: 50%; width: 640px; height: 280px; bottom: 0px; margin-left: -320px; position: absolute; transform: translateY(500px); background-image: url("market-bk.jpg"); background-repeat: no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -o-transform: translateY(500px);
}
.market-img a:nth-of-type(1) {
	left: 165px; top: 170px; position: absolute;
}
.market-img a:nth-of-type(2) {
	left: 40px; top: 350px; width: 560px; height: 90px; position: absolute;
}
.show.market-img {
	transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.lazy-img {
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.lazy-finish {
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.coffee-steam-box {
	display: none;
}
.m-imgBox {
	width: 640px; height: 380px;
}
.ylmap {
	transition:0.8s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; z-index: 300; transform: translate(0px, 100%); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%);
}
.mapOpen.ylmap {
	transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.show.ylmap {
	display: block;
}
.ylmap .bk {
	background: rgb(239, 235, 237); width: 100%; height: 100%; text-align: center; position: absolute; z-index: -1;
}
.ylmap .bk span {
	background-position: -72px -93px; width: 59px; height: 49px; margin-top: 48%; display: inline-block;
}
.ylmap .tit p a span {
	background-position: -72px -144px;
}
.m-alert strong {
	transition:opacity 0.8s; font-size: 35px; opacity: 0; -webkit-transition: opacity .8s; -moz-transition: opacity .8s;
}
.m-alert strong.z-show {
	opacity: 1;
}
.scene {
	margin: 0px auto; width: 300px; height: 200px; display: block; position: relative;
}
.plane {
	position: absolute;
}
.cloud {
	position: absolute;
}
.plane {
	margin: 0px auto; animation:anim-plane 1s linear infinite alternate forwards; left: 30%; display: block; transform: translateY(80px); -webkit-animation: anim-plane 1s linear infinite alternate forwards; -moz-animation: anim-plane 1s linear infinite alternate forwards; -webkit-transform: translateY(80px); -moz-transform: translateY(80px);
}
.cloud {
	background: url(""); margin: 0px auto;width: 53px; height: 40px; display: block; -webkit-animation: 10s linear infinite normal both; -moz-animation: 10s linear infinite normal both; -webkit-animation-name: move, fade; -moz-animation-name: move, fade;
}
.cloud--small {
	top: 65px; transform: scale(0.5); animation-duration: 6s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-animation-duration: 6s; -moz-animation-duration: 6s;
}
.cloud--medium {
	top: 95px; transform: scale(0.7); animation-duration: 5s; animation-delay: 1s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;
}
.cloud--large {
	top: 95px; transform: scale(0.8); animation-duration: 4.5s; animation-delay: 2.5s; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-animation-duration: 4.5s; -moz-animation-duration: 4.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s;
}


.css1 {
	animation-delay:0s;
	-moz-transition-delay:0s;
	-webkit-animation-delay:0s;
    -webkit-animation-name: left01;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes left01{
      0% {
         opacity: 0;
        -webkit-transform: translateX(200px);
    }

    100% {
         opacity: 1;
        -webkit-transform: translateX(0);
    }
}
.css2 {
	animation-delay:2s;
	-moz-transition-delay:2s;
	-webkit-animation-delay:2s;
    -webkit-animation-name: left01;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.saomiao
{
position:absolute;
opacity:0;
bottom:0px;
transition:bottom 1s;
-moz-transition:bottom 1s; /* Firefox 4 */
-webkit-transition:bottom 1s; /* Safari and Chrome */
-o-transition:bottom 1s; /* Opera */
}

.saomiao:active 
{
opacity:1;
bottom:280px;
}


@-webkit-keyframes start{
      0% {
         opacity: 0;
        -webkit-transform: translateY(10px);
    }

    100% {
         opacity: 1;
        -webkit-transform: translateY(0);
    }
}

